.banner {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.banner .swiper-wrapper {
  /* 通过改变animation-timing-function 制作弹性切换效果 */
}
.banner .bigimg .swiper-slide {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.banner .bigimg .swiper-slide .picimg {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}
.banner .bigimg .swiper-slide .slide-inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
}
.banner .bigimg .swiper-slide .text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.banner .bigimg .swiper-slide .text img {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}
.banner .bigimg .swiper-slide .pos {
  position: absolute;
  left: 0;
  top: 42%;
  transform: translateY(-50%);
  z-index: 2;
  width: 100%;
}
.banner .bigimg .swiper-slide .pos img {
  width: 350px;
}
.banner .bigimg .swiper-slide .video_ves {
  position: relative;
  /* padding-bottom: 56.25%;height: 0%; */
  width: 100%;
  height: 100%;
}
.banner .bigimg .swiper-slide .video_ves video {
  position: absolute;
  top: 0%;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner .bigimg .swiper-slide .bac {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.4;
}
.banner .bigimg.swiper-container-horizontal > .swiper-pagination-bullets {
  left: initial;
  right: 3.2%;
  bottom: 50%;
  transform: translateY(50%);
  width: 12px;
}
.banner .bigimg.swiper-container-horizontal > .swiper-pagination-bullets span {
  display: block;
  transition: all 0.5s;
  margin: 10px 0;
  width: 12px;
  height: 12px;
  background: initial;
  border: rgba(255, 255, 255, 0.4) 1px solid;
  border-radius: 100%;
}
.banner .bigimg.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #c70020;
  border: #c70020 1px solid;
}
.banner .pos_but {
  position: absolute;
  left: 0;
  bottom: 5.6%;
  width: 100%;
}
.banner .pos_but .w1400 {
  position: relative;
}
.banner .pos_but .w1400 .swiper-button-next,
.banner .pos_but .w1400 .swiper-button-prev {
  transition: all 0.5s;
  top: initial;
  bottom: 34px;
  margin: 0;
  width: 56px;
  height: 56px;
}
.banner .pos_but .w1400 .swiper-button-prev {
  background: url(../images/icon/icon_4.png) center no-repeat;
}
.banner .pos_but .w1400 .swiper-button-prev:hover {
  background: url(../images/icon/icon_4s.png) center no-repeat;
}
.banner .pos_but .w1400 .swiper-button-next {
  right: initial;
  left: 72px;
  background: url(../images/icon/icon_5.png) center no-repeat;
}
.banner .pos_but .w1400 .swiper-button-next:hover {
  background: url(../images/icon/icon_5s.png) center no-repeat;
}
.scroll {
  position: fixed;
  z-index: 10;
  bottom: 3.6%;
  left: 50%;
  margin-left: -48px;
  width: 95px;
  height: 37px;
  background: url(../images/icon/icon_12.png) center no-repeat;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: scrolls;
  animation-name: scrolls;
}
.scroll.scroll_fixed {
  display: none;
}
@-webkit-keyframes scrolls {
  from {
    bottom: 3.6%;
  }
  50% {
    bottom: calc(3.6% + 12px);
  }
  100% {
    bottom: 3.6%;
  }
}
@keyframes scrolls {
  from {
    bottom: 3.6%;
  }
  50% {
    bottom: calc(3.6% + 12px);
  }
  100% {
    bottom: 3.6%;
  }
}
.index {
  padding-bottom: 1px;
  margin-top: 100vh;
  position: relative;
  z-index: 2;
  background: #fff;
}
.title {
  padding: 98px 0 50px;
}
.title b {
  margin-bottom: 20px;
  font-size: 38px;
  color: #333;
  text-align: center;
  font-weight: bold;
}
.title p {
  font-size: 18px;
  color: #333;
  text-align: center;
}
.ind01 {
  padding-bottom: 100px;
  background: #fbfbfb;
}
.ind01 .bor {
  padding: 45px 10% 0;
}
.ind01 .bor i {
  margin-bottom: 11px;
  font-size: 18px;
  color: #ca1e22;
  font-weight: bold;
}
.ind01 .bor b {
  margin-bottom: 16px;
  font-size: 20px;
  height: 64px;
  line-height: 32px;
  color: #333;
  font-weight: bold;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ind01 .bor p {
  margin-bottom: 30px;
  height: 52px;
  font-size: 16px;
  line-height: 26px;
  color: #666;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ind01 .bor em {
  padding-left: 10px;
  font-size: 16px;
  color: #999;
  background: url(../images/icon/icon_32.png) left center no-repeat;
}
.ind01 .top {
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.ind01 .top .pic {
  position: relative;
  width: 64.28%;
  height: 518px;
  overflow: hidden;
}
.ind01 .top .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.ind01 .top .pic em {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 190px;
  background: url(../images/index/ind01_1bac.png) left bottom no-repeat;
  background-size: 100% auto;
}
.ind01 .top .next {
  width: 35.72%;
  height: 518px;
}
.ind01 .top .next .bor {
  padding: 60px 10% 0;
}
.ind01 .top .next .bor i {
  margin-bottom: 30px;
  font-size: 20px;
}
.ind01 .top .next .bor b {
  margin-bottom: 0px;
  font-size: 26px;
  height: 96px;
  line-height: 48px;
}
.ind01 .top .next .bor .lie {
  margin: 60px 0 30px;
  width: 100%;
  height: 1px;
  background: #dcdcdc;
}
.ind01 .top .next .bor p {
  margin-bottom: 46px;
  height: 72px;
  font-size: 16px;
  line-height: 36px;
}
.ind01 .top .next .bor em {
  padding-left: 10px;
  font-size: 16px;
}
.ind01 .top:hover {
  box-shadow: 0 0 20px rgba(202, 30, 34, 0.16);
}
.ind01 .top:hover .pic i {
  transition: all 0.5s;
  transform: scale(1.08);
}
.ind01 .top:hover .next .bor b,
.ind01 .top:hover .next .bor em {
  color: #ca1e22;
}
.ind01 .list {
  display: flex;
  flex-wrap: wrap;
}
.ind01 .list a {
  margin: 1.9% 1.9% 0 0;
  width: 23.575%;
  height: 295px;
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.ind01 .list a:nth-child(4n) {
  margin-right: 0;
}
.ind01 .list a:hover {
  box-shadow: 0 0 14px rgba(202, 30, 34, 0.2);
}
.ind01 .list a:hover .bor b,
.ind01 .list a:hover .bor em {
  color: #ca1e22;
}
.ind02 {
  position: relative;
}
.ind02 .gallery-top .swiper-slide {
  position: relative;
  width: 100%;
  height: 800px;
  overflow: hidden;
}
.ind02 .gallery-top .swiper-slide .slide-inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 800px;
}
.ind02 .gallery-top .swiper-slide img {
  width: 100%;
  height: 800px;
  object-fit: cover;
}
.ind02 .gallery-top .swiper-slide .pos {
  position: absolute;
  left: 0;
  top: 150px;
  width: 100%;
}
.ind02 .gallery-top .swiper-slide .pos b {
  margin-bottom: 20px;
  font-size: 38px;
  font-weight: normal;
  color: #fff;
  text-align: center;
}
.ind02 .gallery-top .swiper-slide .pos i {
  margin: 0 auto 27px;
  width: 24px;
  height: 3px;
  background: #fff;
}
.ind02 .gallery-top .swiper-slide .pos p {
  margin: 0 auto 50px;
  width: 620px;
  line-height: 28px;
  font-size: 18px;
  color: #fff;
  text-align: center;
}
.ind02 .gallery-top .swiper-slide .pos a {
  position: relative;
  display: flex;
  margin: 0 auto;
  width: 160px;
  height: 52px;
  text-align: center;
  border-radius: 52px;
  overflow: hidden;
}
.ind02 .gallery-top .swiper-slide .pos a::before {
  transition: all 0.6s;
  transform: scale(0);
  position: absolute;
  left: 0%;
  bottom: 0%;
  z-index: 2;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background: #fff;
  content: "";
}
.ind02 .gallery-top .swiper-slide .pos a::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #c70020;
  content: "";
}
.ind02 .gallery-top .swiper-slide .pos a em {
  position: relative;
  z-index: 3;
  margin: 0 auto;
  padding-right: 27px;
  font-size: 16px;
  line-height: 52px;
  color: #fff;
  background: url(../images/icon/icon_34.png) right center no-repeat;
}
.ind02 .gallery-top .swiper-slide .pos a:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.11);
}
.ind02 .gallery-top .swiper-slide .pos a:hover::before {
  transition: all 0.6s;
  transform: scale(10);
}
.ind02 .gallery-top .swiper-slide .pos a:hover em {
  color: #c70020;
  background: url(../images/icon/icon_34ss.png) right center no-repeat;
}
.ind02 .gallery-top .swiper-button-next,
.ind02 .gallery-top .swiper-button-prev {
  transition: all 0.5s;
  top: 373px;
  margin: 0;
  width: 54px;
  height: 55px;
}
.ind02 .gallery-top .swiper-button-prev {
  left: 10%;
  background: url(../images/icon/icon_8.png) center no-repeat;
}
.ind02 .gallery-top .swiper-button-prev:hover {
  background: url(../images/icon/icon_8s.png) center no-repeat;
}
.ind02 .gallery-top .swiper-button-next {
  right: 10%;
  background: url(../images/icon/icon_9.png) center no-repeat;
}
.ind02 .gallery-top .swiper-button-next:hover {
  background: url(../images/icon/icon_9s.png) center no-repeat;
}
.ind02 .pos_but {
  position: absolute;
  left: 0;
  bottom: 90px;
  z-index: 3;
  width: 100%;
}
.ind02 .gallery-thumbs .swiper-slide {
  width: 19.5%;
  cursor: pointer;
}
.ind02 .gallery-thumbs .swiper-slide .icon {
  position: relative;
  width: 100%;
  height: 82px;
}
.ind02 .gallery-thumbs .swiper-slide .icon::after {
  transition: all 0.5s;
  opacity: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: url(../images/icon/icon_37.png) center no-repeat;
  content: " ";
}
.ind02 .gallery-thumbs .swiper-slide .icon i {
  transition: all 0.5s;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.ind02 .gallery-thumbs .swiper-slide .icon i.i1 {
  top: 12px;
  opacity: 1;
}
.ind02 .gallery-thumbs .swiper-slide .icon i.i2 {
  height: 74px;
}
.ind02 .gallery-thumbs .swiper-slide .clearfix {
  position: relative;
  margin: 20px auto 20px;
  height: 22px;
}
.ind02 .gallery-thumbs .swiper-slide .clearfix i {
  margin-top: 10px;
  width: calc(50% - 17px);
  height: 1px;
  background: #fff;
  opacity: 0.5;
}
.ind02 .gallery-thumbs .swiper-slide .clearfix em {
  transition: all 0.5s;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 22px;
  height: 22px;
  background: url(../images/icon/icon_11.png) center no-repeat;
}
.ind02 .gallery-thumbs .swiper-slide p {
  font-size: 20px;
  color: #fff;
  text-align: center;
}
.ind02 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .icon::after {
  transition: all 0.5s;
  opacity: 1;
}
.ind02 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .icon i.i1 {
  transition: all 0.5s;
  opacity: 0;
}
.ind02 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .icon i.i2 {
  transition: all 0.5s;
  opacity: 1;
}
.ind02 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .clearfix em {
  background: url(../images/icon/icon_11s.png) center no-repeat;
}
.ind02 .gallery-thumbs .swiper-slide:last-child .clearfix i.fr {
  display: none;
}
.ind02 .gallery-thumbs .swiper-slide:first-child .clearfix i.fl {
  display: none;
}
.ind03 {
  position: relative;
  background: #fbfbfb;
}
.ind03 .part2 {
  position: relative;
  height: 700px;
  overflow: hidden;
}
.ind03 .part2 .proImg1 {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 100%;
  object-fit: cover;
  border-radius: 2px;
}
.ind03 .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 121px;
  height: 121px;
  background: url(../images/icon/icon_33.png) center no-repeat;
}
.ind04 {
  position: relative;
  padding: 80px 0 110px;
  overflow: hidden;
}
.ind04 .w1400 {
  position: relative;
  z-index: 3;
}
.ind04 .titleBox {
  margin-bottom: 30px;
  font-size: 36px;
  color: #333;
  text-align: center;
  font-weight: bold;
}
.ind04 .next .text {
  margin: 0 auto 60px;
  width: 80%;
  line-height: 30px;
  font-size: 18px;
  color: #666;
  text-align: center;
}
.ind04 .next .num {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.ind04 .next .num .num_box {
  margin-bottom: 59px;
  padding: 0 4%;
  width: 33.33%;
}
.ind04 .next .num .num_box .icon {
  margin-bottom: 12px;
  width: 100%;
  height: 60px;
}
.ind04 .next .num .num_box .clearfix {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  font-size: 60px;
  color: #c70020;
}
.ind04 .next .num .num_box .clearfix span {
  padding: 0 6px;
  font-family: Arial;
  font-weight: 900;
}
.ind04 .next .num .num_box .clearfix i {
  font-weight: bold;
  line-height: 50px;
  font-size: 20px;
}
.ind04 .next .num .num_box .clearfix em {
  font-weight: bold;
  line-height: 59px;
  font-size: 20px;
}
.ind04 .next .num .num_box p {
  margin-top: 8px;
  font-size: 20px;
  color: #333;
  text-align: center;
}
.ind04 .bac {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -webkit-animation: homebg 4s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
  -o-animation: homebg 4s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
  animation: homebg 4s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
}
.ind04 .bac i {
  width: 100%;
  height: 100%;
  background: url(../images/index/ind04_bac1.png) left bottom no-repeat;
  background-size: 100% auto;
}
.ind04 .bac2 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: url(../images/index/ind04_bac2.png) left bottom no-repeat;
  background-size: 100% auto;
}
@keyframes homebg {
  0% {
    bottom: -158px;
  }
  100% {
    bottom: -190px;
  }
}
.ind05 {
  padding: 0 0 128px;
  background: #fbfbfb url(../images/index/ind05_bac.png) left bottom no-repeat;
  background-size: 100% auto;
}
.ind05 .picVideo {
  float: left;
  margin-top: 10px;
  width: 44.28%;
  height: 500px;
  border-radius: 4px;
  overflow: hidden;
}
.ind05 .picVideo i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.ind05 .picVideo:hover i {
  transition: all 0.5s;
  transform: scale(1.08);
}
.ind05 .pic {
  animation-delay: 0.1s;
  position: relative;
  float: left;
  margin: 32px 0 0 -2.2%;
  width: 30.71%;
  height: 500px;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
}
.ind05 .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.ind05 .pic .pos {
  position: absolute;
  left: 12%;
  top: 60px;
  display: flex;
  color: #fff;
}
.ind05 .pic .pos b {
  width: 42px;
  font-size: 30px;
  line-height: 34px;
}
.ind05 .pic .pos p {
  margin-top: 2px;
  width: 20px;
  font-size: 18px;
}
.ind05 .pic:hover i {
  transition: all 0.5s;
  transform: scale(1.08);
}
.ind05 .next {
  animation-delay: 0.2s;
  position: relative;
  float: left;
  margin-left: -2.8%;
  width: 30%;
  height: 500px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  overflow: hidden;
}
.ind05 .next i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.ind05 .next .pos {
  position: absolute;
  left: 10%;
  top: 40px;
  color: #fff;
}
.ind05 .next .pos b {
  font-size: 30px;
  line-height: 34px;
}
.ind05 .next .pos p {
  margin-top: 12px;
  font-size: 18px;
}
.ind05 .next .pos_v {
  position: absolute;
  right: 10%;
  bottom: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 7px;
  border-bottom: #fff 1px solid;
  cursor: pointer;
}
.ind05 .next .pos_v p {
  padding-right: 9px;
  line-height: 40px;
  font-size: 18px;
  color: #fff;
}
.ind05 .next .pos_v em {
  transition: all 0.5s;
  transform: rotate(0deg);
  width: 14px;
  height: 14px;
  background: url(../images/icon/icon_34.png) right center no-repeat;
}
.ind05 .next:hover i {
  transition: all 0.5s;
  transform: scale(1.08);
}
.ind05 .next:hover .pos_v em {
  transition: all 0.5s;
  transform: rotate(360deg);
}
.ind06 .swiper {
  margin-bottom: 21px;
}
.ind06 .swiper-slide {
  margin-bottom: 107px;
  width: auto;
  height: 580px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ind06 .swiper-slide a {
  position: relative;
  float: left;
  margin-left: 1.44%;
  width: 49.28%;
  height: 280px;
  color: #fff;
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.ind06 .swiper-slide a:nth-child(1) {
  margin-left: 0;
  height: 580px;
}
.ind06 .swiper-slide a:nth-child(2) {
  margin-bottom: 20px;
}
.ind06 .swiper-slide a .pic {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.ind06 .swiper-slide a .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.ind06 .swiper-slide a .bac {
  transition: all 0.7s;
  transform: scale(0);
  position: absolute;
  left: 6%;
  bottom: 25%;
  width: 180px;
  height: 180px;
  border-radius: 100%;
  background: #c70020;
}
.ind06 .swiper-slide a .bor {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0 5.8% 49px;
}
.ind06 .swiper-slide a .bor .icon {
  margin-bottom: 26px;
}
.ind06 .swiper-slide a .bor .icon img {
  max-height: 52px;
}
.ind06 .swiper-slide a .bor b {
  font-size: 24px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.ind06 .swiper-slide a .bor p {
  transition: all 0.5s;
  height: 0px;
  line-height: 30px;
  font-size: 16px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ind06 .swiper-slide a:nth-child(2) {
  animation-delay: 0.1s;
}
.ind06 .swiper-slide a:nth-child(3n) {
  animation-delay: 0.2s;
  margin-right: 0;
}
.ind06 .swiper-slide a:hover .bor p {
  transition: all 0.5s;
  margin-top: 28px;
  height: 60px;
}
.ind06 .swiper-slide a:hover .bac {
  transition: all 0.7s;
  transform: scale(7.6);
}
.ind06 .swiper-container-horizontal > .swiper-scrollbar {
  bottom: 23px;
  height: 1px;
}
.ind06 .swiper-horizontal > .swiper-scrollbar {
  left: 0;
  bottom: 13px;
  width: 100%;
  height: 1px;
  background: #dcdcdc;
}
.ind06 .swiper-scrollbar-drag {
  top: 50%;
  margin-top: -23px;
  height: 47px;
  background: url(../images/icon/icon_35.png) center no-repeat;
  background-size: 44px;
}
.ind07 {
  /* .mc_b_s3{
        height: 180vh;
    }
    .mc_bs3_videobox{
        height: 100vh;
    }
    .mc_bs3_videowrap{
        height: 100vh;
    }
    .mc_bs3_video{
        min-height: 100vh;
    } */
}
.ind07 .he_yilbp1 p {
  font-size: 24px;
  color: #fff;
}
.ind07 .he_yilbp2 p {
  line-height: 72px;
  font-size: 48px;
  color: #fff;
}
.ind07 .he_pult1 {
  margin-bottom: 30px;
  font-size: 36px;
  color: #333;
}
.ind07 .he_syp2hmo {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ind07 .he_syp2hmo a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ind07 .he_syp2hmo a em {
  padding-right: 13px;
  font-size: 18px;
  color: #333;
}
.ind07 .he_syp2hmo a i {
  transition: all 0.5s;
  transform: rotate(0deg);
  width: 14px;
  height: 27px;
  background: url(../images/icon/icon_34s.png) right center no-repeat;
}
.ind07 .he_syp2hmo a:hover i {
  transition: all 0.5s;
  transform: rotate(360deg);
}
.ind07 .he_phgfbx .pic {
  width: 100%;
  height: auto;
  max-width: none;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  transition: inherit;
  opacity: 0.2;
}
.ind08 {
  padding: 0 0 128px;
  background: #fbfbfb url(../images/index/ind05_bac.png) left bottom no-repeat;
  background-size: 100% auto;
}
.ind08 .picVideo {
  float: left;
  width: 45%;
  height: 500px;
  border-radius: 4px;
  overflow: hidden;
}
.ind08 .picVideo i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.ind08 .picVideo:hover i {
  transition: all 0.5s;
  transform: scale(1.08);
}
.ind08 .pic {
  animation-delay: 0.1s;
  position: relative;
  float: left;
  margin: 0 1.07%;
  width: 26.43%;
  height: 500px;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
}
.ind08 .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.ind08 .pic .pos {
  position: absolute;
  left: 12%;
  top: 60px;
  display: flex;
  color: #fff;
}
.ind08 .pic .pos b {
  width: 42px;
  font-size: 30px;
  line-height: 34px;
}
.ind08 .pic .pos p {
  margin-top: 2px;
  width: 20px;
  font-size: 18px;
}
.ind08 .pic:hover i {
  transition: all 0.5s;
  transform: scale(1.08);
}
.ind08 .next {
  animation-delay: 0.2s;
  position: relative;
  float: left;
  width: 26.43%;
  height: 500px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  overflow: hidden;
}
.ind08 .next i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.ind08 .next .pos {
  position: absolute;
  left: 10%;
  top: 40px;
  color: #333;
}
.ind08 .next .pos b {
  font-size: 30px;
  line-height: 34px;
  color: #a81733;
}
.ind08 .next .pos p {
  margin-top: 12px;
  font-size: 18px;
}
.ind08 .next .pos_v {
  position: absolute;
  left: 10%;
  bottom: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 7px;
  border-bottom: #666 1px solid;
  cursor: pointer;
}
.ind08 .next .pos_v p {
  padding-right: 9px;
  line-height: 40px;
  font-size: 18px;
  color: #666;
}
.ind08 .next .pos_v em {
  transition: all 0.5s;
  transform: rotate(0deg);
  width: 14px;
  height: 14px;
  background: url(../images/icon/icon_34sss.png) right center no-repeat;
}
.ind08 .next:hover i {
  transition: all 0.5s;
  transform: scale(1.08);
}
.ind08 .next:hover .pos_v em {
  transition: all 0.5s;
  transform: rotate(360deg);
}
.ind09 {
  padding: 0 0 128px;
  background: #fbfbfb url(../images/index/ind05_bac.png) left bottom no-repeat;
  background-size: 100% auto;
}
.ind09 .w1400 {
  display: flex;
  justify-content: flex-start;
}
.ind09 .module {
  position: relative;
  width: 18%;
  height: 600px;
}
.ind09 .module .pos {
  transition: all 0.6s;
  opacity: 1;
  z-index: 2;
}
.ind09 .module .pos_img {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  height: 100%;
  display: flex;
}
.ind09 .module .pos_img::before {
  transition: all 0.5s;
  opacity: 0.4;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #000;
  content: " ";
}
.ind09 .module .pos_img .left {
  width: 100%;
  height: 600px;
}
.ind09 .module .pos_img i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.ind09 .module.cur {
  width: 64%;
}
.ind09 .module.cur .pos_img::before {
  transition: all 0.5s;
  opacity: 0;
}
.ind09 .module.cur .pos {
  transition: all 0.6s;
  opacity: 0;
}
.ind09 .picVideo {
  height: 600px;
  border-radius: 4px 0 0 4px;
  overflow: hidden;
}
.ind09 .picVideo .pos {
  position: absolute;
  left: 36px;
  top: 50px;
  display: flex;
  color: #fff;
}
.ind09 .picVideo .pos b {
  margin-right: 6px;
  width: 36px;
  font-size: 30px;
  line-height: 34px;
}
.ind09 .picVideo .pos p {
  width: 20px;
  font-size: 18px;
}
.ind09 .pic {
  display: block;
  position: relative;
  height: 600px;
  background: #fff;
  overflow: hidden;
}
.ind09 .pic .pos {
  position: absolute;
  left: 36px;
  top: 50px;
  display: flex;
  color: #fff;
}
.ind09 .pic .pos b {
  margin-right: 6px;
  width: 36px;
  font-size: 30px;
  line-height: 34px;
}
.ind09 .pic .pos p {
  width: 20px;
  font-size: 18px;
}
.ind09 .next {
  position: relative;
  height: 600px;
  border-radius: 0 4px 4px 0;
  overflow: hidden;
  cursor: pointer;
}
.ind09 .next .pos {
  position: absolute;
  left: 36px;
  top: 50px;
  display: flex;
  color: #fff;
}
.ind09 .next .pos b {
  margin-right: 6px;
  width: 36px;
  font-size: 30px;
  line-height: 31px;
  text-align: center;
}
.ind09 .next .pos p {
  width: 20px;
  font-size: 18px;
}